<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
<div class="main-content" id="pageId" pageId="addbroadcast">

    <div th:replace="manage/menu :: html"></div>

    <!-- main content start-->
    <div id="page-wrapper">

        <div class="main-page">
            <h2 class="title1">发送广播</h2>

            <div class="col-md-9 panel-grids">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            发送广播
                        </h3>
                    </div>
                    <div class="panel-body">

                        <form class="form-horizontal">

                            <div class="form-group">
                                <label class="col-sm-2 control-label">广播类型：</label>
                                <div class="col-sm-10">
                                    <div class="checkbox-inline"><label><input type="checkbox" disabled="" /> 我要买</label></div>
                                    <div class="checkbox-inline"><label><input type="checkbox" disabled="" /> 我要卖</label></div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">接受公司：</label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%;" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">主题：</label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%;" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label"></label>
                                <div class="col-sm-9">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <!--编号、品牌、成色需求、目标价格、数量-->
                                        <th><input type="checkbox" /></th>
                                        <th>配件编号</th>
                                        <th>HECI/CLEI</th>
                                        <th>厂商</th>
                                        <th>数量</th>
                                        <th>状态</th>
                                        <th>成色</th>
                                        <th>产品描述</th>
                                    </tr>

                                    </thead>

                                    <tbody>
                                    <tr>
                                        <td><input type="checkbox" /></td>
                                        <td>配件编号</td>
                                        <td>HECI/CLEI</td>
                                        <td>厂商</td>
                                        <td>数量</td>
                                        <td>状态</td>
                                        <td>成色</td>
                                        <td>产品描述</td>
                                    </tr>

                                    </tbody>
                                </table>
                                    <button type="submit" class="btn btn-success">添加询价</button>

                                </div>

                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">广播内容：</label>
                                <div class="col-sm-9">
                                    <textarea style="width: 100%;" rows="10"></textarea>
                                </div>
                            </div>


                            <div class="form-group" style="text-align: center">
                                <button type="submit" class="btn btn-default">发送广播</button>
                            </div>

                        </form>

                    </div>

                </div>
            </div>

            <div class="col-md-3 panel-grids">
                <div class="panel panel-info">
                    <div class="panel-heading"> <h3 class="panel-title">过滤器</h3> </div>
                    <div class="panel-body">

                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">需要发送的公司：</label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%;" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">需要屏蔽的公司：</label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%;" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">我的供应商：</label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%;" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">片区：</label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%;" />
                                </div>
                            </div>

                        </form>

                    </div> </div>
            </div>



        </div>



    </div>
    <!--//footer-->
</div>


<!--添加库存-->
<div class="modal fade" id="gridSystemModal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="gridSystemModalLabel">添加库存</h4>
            </div>
            <div class="modal-body">

                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">产品型号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="产品型号"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">成色</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="9成新"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">数量</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="0"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">描述</label>
                        <div class="col-sm-9">
                            <textarea name="txtarea1" id="txtarea1" cols="50" rows="10"
                                      class="form-control1"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- /.modal -->


<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };

    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>

</body>
</html>